<!DOCTYPE html>
<html lang=en>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>{{ page_title }}</title>
		<link rel="stylesheet" type="text/css" 
			href="tpl/css/reset.css" media="screen" />
		<link rel="stylesheet" type="text/css" 
			href="tpl/css/text.css" media="screen" />
		<link rel="stylesheet" type="text/css" 
			href="tpl/css/grid.css" media="screen" />
		<link rel="stylesheet" type="text/css" 
			href="tpl/css/layout.css" media="screen" />
		<link rel="stylesheet" type="text/css" 
			href="tpl/css/nav.css" media="screen" />
		<!--[if IE 6]><link rel="stylesheet" type="text/css" 
			href="tpl/css/ie6.css" media="screen" /><![endif]-->
		<!--[if IE 7]><link rel="stylesheet" type="text/css" 
			href="tpl/css/ie.css" media="screen" /><![endif]-->
		<link rel="shortcut icon" href="tpl/icons/favicon.ico" />
		<script type="text/javascript" src="tpl/scripts/head.js" ></script>
		<script type="text/javascript" src="tpl/scripts/swfobject/swfobject.js" ></script>
		<script src=""></script>
	</head>
	<body>
		<div class="container_12">
			<div class="grid_12">
				<h1 id="branding">
					<img src='tpl/images/logo.png' />
				</h1>
			</div>
			<div class="clear"></div>
			<div class="grid_12">
				{% block navbar %} {% endblock %}
			</div>
			<div class="clear"></div>
			<div class="grid_12">
				<h2 id="page-heading">{% block heading %}Explore the infinite skies!{% endblock %}</h2>
			</div>
			<div class="clear"></div>
				<?php if(isset($var) && $enabler['var'] == 1) echo $var; ?>
			<div class="clear"></div>
				<?php if(isset($submain) && $enabler['sma'] == 1) echo $submain; ?>
			<div class="clear"></div>
			<div class="grid_12">
				<?php if(isset($submenu) && $enabler['sme'] == 1) echo $submenu; ?>
			</div>
			<div class="clear"></div>
			<div class="grid_3">
				{% block rt-sidebar %} {% endblock %}
			</div>
			<div class="grid_5">
				{% block content %} {% endblock %}
			</div>
			<div class="grid_4">
				{% block lt-sidebar %} {% endblock %}
			</div>
			<div class="clear"></div>
			<div class="grid_12" id="site_info">
				<div class="box">
					<p>
						&copy; 2012 Depth Of Skies<br/>
						Logo and Depth Of Skies&#174; are registered trademark of Soar D High.<br/>
						Layout and some other images are trademark of their respective owners.<br/>
					</p>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<script type="text/javascript" >
			var base = 'tpl';
			head.js( base + 'scripts/mootools-c131.js',
				base + '/scripts/mootools/mootools.js',
				'http://connect.facebook.net/en_US/all.js');
		</script>
	</body>
</html>
